$(function () {
    // 需求1: 点击a链接, 显示隐藏
    $("#loginBox a").on('click', function () {
        // 点击登录框内部的a链接
        // 显示的注册区域,隐藏登陆区域
        $("#loginBox").hide();
        $("#regBox").show();
    });
    $("#regBox a").on('click', function () {
        // 点击注册框内部的a链接
        // 显示的登陆区域，隐藏注册区域
        $("#loginBox").show();
        $("#regBox").hide();
    });
    // 需求2: 定义校验规则
    let form = layui.form; 
    // 属性是检验规则,使用的是form.verify() 
    // 参数是对象,属性是检验名称,值是检验规则

    form.verify({
        // 属性是检验名称,值是校验规则,
        // 值有两种类型,函数和数组
        username: [
            /^[a-zA-Z0-9]{1,10}$/,
            '用户名必须1到10位数字和字母'

        ],
        pwd: [
            /^[a-zA-Z0-9]{6,12}$/,
            '密码必须6到12位数字和字母'
        ],
        // 确认密码的校验规则
        rePwd: function(value) {


            let pwd =$("#regBox input[name=password]").val();
            if(pwd !== value) {
                return '两次密码输入不一致'
            }
        }
    })

    // 需求3.注册功能
    let layer = layui.layer;
    $('#formReg').on('submit', function(e) {
         // 阻止表单默认提交
        e.preventDefault()
        axios({
            method: 'POST',
            url:'/api/reguser',
            data:$(this).serialize()
        }).then(res =>{
            // axios中有六个属性 打印data属性
            if(res.data.status !== 0) {
                return layer.msg(res.data.message, {icon: 1})
            }
            layer.msg("恭喜您. 注册用户成功!",{icon: 1});
            $("#regBox a").click();

            $("#formReg")[0].rest();
        })
        })
       
    // 需求4.登录功能
    $("#formLogin").on('submit' ,function(e) {
        // 阻止表单默认提交
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/api/login',
            data: $("#formLogin").serialize()
        }).then(res=>{
            if(res.data.status !== 0) {
                return layer.msg(res.data.message,{icon: 5});
            }
            // 成功 提示 存储 token
            layer.msg('恭喜您.登陆成功 !!!',{icon: 6});
            // 保存token, 后面用于身份认证
            localStorage.setItem('token', res.data.token);
            // 页面跳转
            location.href = '/index.html'
        })
    })
});